<template>
  <div >
    <h1>{{ 1 + 1 }}</h1>
    <p>{{ age >= 18 ? "成年" : "未成年" }}</p>
    <p>{{ age + 100 }}</p>
  </div>
</template>

<script>
// 插值表达式就是表达式的一种，所以什么是表达式
// 语句和表达式不一样
export default {
  data() {
    return {
      msg: "hello vue",
      age: 16,
    };
  },
};
</script>

<style scoped></style>
